<template>
  <div>
    <div class="faqs-home">
      <div class="header"><span @click="comeBack" class="goBack">
      <van-icon name="arrow-left"/></span>
        语言设置
      </div>
      <div class="safe"/>
      <div class="cell-vant">
        <van-cell-group>
          <van-cell>
            <template #title>
              <span class="cell-left">
                 <img  src="@/assets/image/zh.png" alt="">简体中文
              </span>
            </template>
            <template #right-icon>
              <span class="cell-right">
                 <van-icon name="success" />
              </span>
            </template>
          </van-cell>
        </van-cell-group>
      </div>
    </div>

  </div>
</template>

<script>
  export default {
    methods:{
      comeBack(){
        // this.$router.push('/mine')
        this.$router.go(-1)
      }
    }
  }
</script>

<style scoped lang="scss">
.faqs-home {
  width: 100%;
  box-sizing: border-box;

  .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    height: 45px;
    width: 100%;
    text-align: center;
    line-height: 45px;
    margin: 0 auto;
    color: #323233;
    font-weight: 500;
    font-size: 16px;

    .goBack {
      position: absolute;
      left: 10px;
    }
  }

  .safe {
    width: 100%;
    height: 45px;
  }
  .cell-vant{
    width: 100%;
    min-height: 100vh;
    .cell-left{
      display: flex;
      align-items: center;
      font-size: 14px;
      img{
        margin-right: 10px;
        height: 20px;
      }
    }
    .cell-right{
      font-size: 18px;
      color: #002FFF;
    }
  }
}
</style>